<a href='https://github.com/angular/angular.js/edit/v1.6.x/docs/content/error/$animate/nongcls.ngdoc?message=docs(error%2Fnongcls)%3A%20describe%20your%20change...' class='improve-docs btn btn-primary'><i class="glyphicon glyphicon-edit">&nbsp;</i>Improve this Doc</a>


<h1>Error: $animate:nongcls
  <div><span class='hint'>`ng-animate` class not allowed</span></div>
</h1>

<div>
    <pre class="minerr-errmsg" error-display="$animateProvider.classNameFilter(regex) prohibits accepting a regex value which matches/contains the "{0}" CSS class.">$animateProvider.classNameFilter(regex) prohibits accepting a regex value which matches/contains the "{0}" CSS class.</pre>
</div>

<h2>Description</h2>
<div class="description">
  <p>This error occurs, when trying to set <code>$animateProvider.classNameFilter()</code> to a RegExp containing
the reserved <code>ng-animate</code> class. Since <code>.ng-animate</code> will be added/removed by <code>$animate</code> itself,
using it as part of the <code>classNameFilter</code> RegExp is not allowed.</p>

</div>


